<%@page import="com.wanmait.hotelManagement.vo.Activity"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
%>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Special Offers</title>
<!-- Stylesheets -->
<link href="<%=path%>/hotel/css/bootstrap.css" rel="stylesheet">
<link href="<%=path%>/hotel/css/style.css" rel="stylesheet">
<!-- Responsive File -->
<link href="<%=path%>/hotel/css/responsive.css" rel="stylesheet">
<link href="http://at.alicdn.com/t/font_1996900_kjrmfc4sasq.css"
	rel="stylesheet">
<!-- 图标的连接 -->
<link rel="shortcut icon" href="<%=path%>/hotel/images/favicon.png"
	type="image/x-icon">
<link rel="icon" href="<%=path%>/hotel/images/favicon.png"
	type="image/x-icon">

<!-- Responsive Settings -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<style type="text/css">
.image-block {
	
	float: left;
}
.package-details{
	z-index:0;
}
</style>
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<%
						List<Activity> allActivity = (List<Activity>) request.getAttribute("allActivity");
						int num = (int) request.getAttribute("num");
						int numi = num + 3;
						int numl = 0;
						if (num < 3) {
							numl = -1;

						}
						if (num == 3) {
							numl = num - 3;
						}
						if (num > 3) {
							numl = num - 4;

						}
						int numG = numl + 1;
						int numH = numl + 2;
						int numJ = numl + 3;
					%>
<body>

	<div class="page-wrapper">
		<!-- Preloader -->
		<div class="preloader">
			<div class="icon"></div>
		</div>

		<%--<!-- Main Header  头部-->
     <jsp:include page="/hotel/include/head.jsp"></jsp:include>
    <!-- End Main Header --> --%>
		<jsp:include page="/hotel/include/head.jsp"></jsp:include>
		<!--Package Details Section-->
		<section class="package-details">
			<div class="circles-two">
				<div class="c-1"></div>
				<div class="c-2"></div>
			</div>
			<div class="auto-container">
				<div class="main-image">
					<span class="dotted-pattern dotted-pattern-12"></span> <span
						class="tri-pattern tri-pattern-9"></span>
					<figure class="image">
						<a href="<%=path%>/hotel/images/resource/featured-image-48.jpg"
							class="lightbox-image"><img style=": z-index: 0!important; width: 100%;height: 550px;"
							src="<%=path%>/hotel/images/<%=allActivity.get(num).getPicture()%>"
							class="lightbox-image" title=""></a>
					</figure>
				</div>

				<div class="text-content">
					
					<div class="price">
						<b></b><i class="iconfont icon-qianfenleishouye"></i> </b><span><%=allActivity.get(num).getPrice() %></span>
					</div>
					<h2><%=allActivity.get(num).getTitle()%></h2>
					<div class="text">
						<p>七星级酒店给您和您的家人提供最优质的服务</p>
						<h4>活动内容:</h4>
						<ul>
							<P>
								<%=allActivity.get(num).getContent()%><BR>
								<LI>开始时间：</LI><%=allActivity.get(num).getStartTime()%><BR>
								<LI>结束时间：</LI><%=allActivity.get(num).getEndTime() %>
							</P>
						</ul>
					</div>
					<div class="image-block col-lg-6 col-md-6 col-sm-12 wow fadeInUp"
						data-wow-delay="0ms" data-wow-duration="1500ms">
						<figure class="image">
							<a
								href="<%=path%>/hotel/images/<%=allActivity.get(num).getPicture()%>"
								class="lightbox-image"><img
								style="width: 700px ; height: 300px;"
								src="<%=path%>/hotel/images/<%=allActivity.get(num).getPicture()%>"
								alt="" title=""></a>
						</figure>
					</div>
					<div class="image-block col-lg-6 col-md-6 col-sm-12 wow fadeInUp"
						data-wow-delay="300ms" data-wow-duration="1500ms">
						<figure class="image">
							<a
								href="<%=path%>/hotel/images/<%=allActivity.get(num).getPictureNew()%>"
								class="lightbox-image"><img
								style="width: 700px; height: 300px; margin: 80px;"
								src="<%=path%>/hotel/images/<%=allActivity.get(num).getPictureNew()%>"
								alt="" title=""></a>
						</figure>
					</div>
				</div>
			</div>
	</div>
	</section>

	<!--Related Section-->
	<section class="related-section">
		<span class="dotted-pattern dotted-pattern-12"></span> <span
			class="tri-pattern tri-pattern-9"></span>
		<div class="auto-container">
			<div class="sec-title centered">
				<h2>其他活动</h2>
				<div class="lower-text">七星级酒店给您和您的家人提供最优质的服务</div>
			</div>

			<div class="row clearfix">
				<!--Item 底部的显示-->

				<div
					class="offer-block-two col-lg-4 col-md-6 col-sm-12 wow fadeInUp"
					data-wow-delay="0ms" data-wow-duration="1500ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image">
								<a href="ActivityServlet?action=single&num=<%=numG%> "><img
									STYLE="width: 100%; height: 220PX;"
									src="<%=path%>/hotel/images/<%=allActivity.get(numG).getPicture()%>"
									alt="" title=""></a>
							</figure>
						</div>
						<div class="lower-box">
							<div class="pricing">
								<div class="price">
									<b><i class="iconfont icon-qianfenleishouye"></i></b><span><%=allActivity.get(numG).getPrice() %></span>
								</div>
							</div>
							<h4><%=allActivity.get(numG).getTitle()%></h4>
							<div class="text">
							<i>开始时间：</i><%=allActivity.get(numH).getStartTime()%>
								<br>
								<i>结束时间：</i><%=allActivity.get(numH).getEndTime() %>
								<br>
								<i>敬请期待…….</i>
							
							</div>
							<div class="link-box">
								<a href="ActivityServlet?action=single&num=<%=numG%> "
									class="theme-btn btn-style-three"><span class="btn-title">详情</span></a>
							</div>
						</div>
					</div>
				</div>
				<!-- 结束 -->
				<!--Item 底部的显示-->

				<div
					class="offer-block-two col-lg-4 col-md-6 col-sm-12 wow fadeInUp"
					data-wow-delay="0ms" data-wow-duration="1500ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image">
								<a href="ActivityServlet?action=single&num=<%=numH%> "><img
									STYLE="width: 100%; height: 220PX;"
									src="<%=path%>/hotel/images/<%=allActivity.get(numH).getPicture()%>"
									alt="" title=""></a>
							</figure>
						</div>
						<div class="lower-box">
							<div class="pricing">
								<div class="price">
									<b><i class="iconfont icon-qianfenleishouye"></i></b><span><%=allActivity.get(numH).getPrice() %></span>
								</div>
							</div>
							<h4><%=allActivity.get(numH).getTitle()%></h4>
							<div class="text">
								<i>开始时间：</i><%=allActivity.get(numH).getStartTime()%>
								<br>
								<i>结束时间：</i><%=allActivity.get(numH).getEndTime() %>
								<br>
								<i>敬请期待…….</i>
							</div>
							<div class="link-box">
								<a href="ActivityServlet?action=single&num=<%=numH%> "
									class="theme-btn btn-style-three"><span class="btn-title">详情</span></a>
							</div>
						</div>
					</div>
				</div>
				<!-- 结束 -->
				<!--Item 底部的显示-->

				<div
					class="offer-block-two col-lg-4 col-md-6 col-sm-12 wow fadeInUp"
					data-wow-delay="0ms" data-wow-duration="1500ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image">
								<a href="ActivityServlet?action=single&num=<%=numJ%>"><img
									STYLE="width: 100%; height: 220PX;"
									src="<%=path%>/hotel/images/<%=allActivity.get(numJ).getPicture()%>"
									alt="" title=""></a>
							</figure>
						</div>
						<div class="lower-box">
							<div class="pricing">
								<div class="price">
									<b><i class="iconfont icon-qianfenleishouye"></i></b><span><%=allActivity.get(numJ).getPrice() %></span>
								</div>
							</div>
							<h4><%=allActivity.get(numJ).getTitle()%></h4>
							<div class="text">
								<i>开始时间：</i><%=allActivity.get(numJ).getStartTime()%>
								<br>
								<i>结束时间：</i><%=allActivity.get(numJ).getEndTime() %>
								<br>
								<i>敬请期待…….</i>
							</div>
							<div class="link-box">
								<a href="ActivityServlet?action=single&num=<%=numJ%>"
									class="theme-btn btn-style-three"><span class="btn-title">详情</span></a>
							</div>
						</div>
					</div>
				</div>
				<!-- 结束 -->
			</div>

		</div>
	</section>

	<!-- Main Footer 尾部-->
	<jsp:include page="/hotel/include/footer.jsp"></jsp:include>

	</div>
	<!--End pagewrapper-->
	<!--Scroll to top-->
	<div class="scroll-to-top scroll-to-target" data-target="html">
		<span class="flaticon-up-arrow"></span>
	</div>

	<script src="<%=path%>/hotel/js/jquery.js"></script>
	<script src="<%=path%>/hotel/js/popper.min.js"></script>
	<script src="<%=path%>/hotel/js/bootstrap.min.js"></script>
	<script src="<%=path%>/hotel/js/jquery-ui.js"></script>
	<script src="<%=path%>/hotel/js/jquery.fancybox.js"></script>
	<script src="<%=path%>/hotel/js/owl.js"></script>
	<script src="<%=path%>/hotel/js/scrollbar.js"></script>
	<script src="<%=path%>/hotel/js/mixitup.js"></script>
	<script src="<%=path%>/hotel/js/appear.js"></script>
	<script src="<%=path%>/hotel/js/wow.js"></script>
	<script src="<%=path%>/hotel/js/custom-script.js"></script>

</body>
</html>